<!DOCTYPE html>
<html>
    <head>
        <title>用户登录</title>
        <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    </head>
    <body>
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-lg-6 col-md-6">
                    <img src="../static/image/logo.png" class="img-circle img-responsive">
                </div>
                <div class="col-sm-6 col-lg-6 col-md-6">
                    <div class="row">
                        <p>
                            {{wout}}
                        </p>
                    </div>
                    <div class="row">
                        <form role="form" action="" method="post">
                            <div class="form-group">
                                <label for="username">用户名</label>
                                <input type="text" class="form-control" id="username" name="username" placeholder="">
                            </div>
                            <div class="form-group">
                                <label for="password">密码</label>
                                <input type="password" class="form-control" id="password" name="password" placeholder="">
                            </div>
                            <div>
                                <div class="radio-inline">
                                    <label>
                                        <input type="radio" name="user_type" id="student" value="stu" checked>学生
                                    </label>
                                </div>
                                <div class="radio-inline">
                                    <label>
                                        <input type="radio" name="user_type" id="teacher" value="tea">教师
                                    </label>
                                </div>
                                <div class="radio-inline">
                                    <label>
                                        <input type="radio" name="user_type" id="manager" value="adm">管理员
                                    </label>
                                </div>
                            </div>
                            <button type="submit" class="btn btn-default">
                                确认
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <script src="https://code.jquery.com/jquery.js"></script>
        <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </body>
</html>